// 引入CSS2渲染器CSS2DRenderer和CSS2模型对象CSS2DObject
import { CSS2DRenderer,CSS2DObject } from 'three/addons/renderers/CSS2DRenderer.js';
function tag () {
    const div = document.getElementById('tag');
    // HTML元素转化为threejs的CSS2模型对象
    const label = new CSS2DObject(div);
    div.style.pointerEvents = 'none';//避免HTML标签遮挡三维场景的鼠标事件
    return label
}
// 创建一个CSS2渲染器CSS2DRenderer
const labelRenderer = new CSS2DRenderer();
// width, height：canvas画布宽高度
labelRenderer.setSize(window.innerWidth , window.innerHeight);
// 相对鼠标单击位置偏移
labelRenderer.domElement.style.top = '-16px';
labelRenderer.domElement.style.left = '0px';
labelRenderer.domElement.style.position = 'absolute';
// //设置.pointerEvents=none，以免模型标签HTML元素遮挡鼠标选择场景模型
labelRenderer.domElement.style.pointerEvents = 'none';
export {labelRenderer,tag}
